$.ajax({
  type: 'get',
  url: '/categories',
  success: function (response) {
    const html = template('categoryTpl', {
      data: response
    });
    $('#category').html(html);
  }
})

// 文件上传
$('#feature').on('change', function () {
  const file = this.files[0];
  const formData = new FormData();
  // 将管理员选择的文件追加到formData对象中
  formData.append('cover', file);
  $.ajax({
    type: 'post',
    url: '/upload',
    data: formData,
    // 告诉ajax方法不要处理data属性对应的参数
    processData: false,
    // 告诉ajax不要设置参数类型
    contentType: false,
    success: function (response) {
      $("#thumbnail").val(response[0].cover);
    }
  })
})

// 表单提交
$('#addForm').on('submit', function () {
  const formData = $(this).serialize();
  $.ajax({
    type: 'post',
    url: '/posts',
    data: formData,
    success: function () {
      // 跳转到列表页面
      location.href = 'posts.html';
    }
  })
  return false;
})

// 从浏览器的地址栏获取参数
function getUrlParams(name) {
  const paramsAry = location.search.substr(1).split('&');
  for(let i = 0; i < paramsAry.length; i++) {
    const arr = paramsAry[i].split('=');
    if(arr[0] === name){
      return arr[1]
    }
  }
  return -1;
}

// 获取浏览器地址中的id参数
const id = getUrlParams('id');

// 获取修改页面的数据
if(id !== -1) {
  $.ajax({
    tpye: 'get',
    url: '/posts/' + id,
    success: function (response) {
      $.ajax({
        type: 'get',
        url: '/categories',
        success: function (categories) {
          response.categories = categories;
          const html = template("modifyTpl", response);
          $('#parentBox').html(html);
         }
      })
    }
  })
}

// 提交修改事件
$('#parentBox').on('submit', '#modifyForm', function () {
  const formData = $(this).serialize();
  const id = $(this).attr('data-id');
  $.ajax({
    type: 'put',
    url: '/posts/' + id,
    data: formData,
    success: function () {
      location.href = 'posts.html';
    }
  })
  return false;
})